<template>
  <div>
    <pageheader></pageheader>
    <div class="page-main home-main">
      <div class="container">
        <div class="home-video-box xm-plain-box">
          <div class="box-hd">
            <h2 class="title">视频</h2>
            <div class="more">
              <a
                href="https://www.mi.com/video/"
                data-log_code="31pchomepagelist_four_video000000#t=normal&amp;act=other&amp;page=homepage&amp;page_id=10530&amp;bid=3480966.1"
                target="_blank"
                class="more-link"
                data-settrack="true"
                onclick='_msq.push([&#39;trackEvent&#39;,&#39;31pchomepagelist_four_video000000#t=normal&amp;act=other&amp;page=homepage&amp;page_id=10530&amp;bid=3480966.1&#39;,&#39;https://www.mi.com/video/&#39;,&#39;""&#39;]);'
                >查看全部<i class="iconfont iconfont-arrow-right-big"></i
              ></a>
            </div>
          </div>
          <div class="box-bd clearfix">
            <ul class="video-list clearfix">
              <li class="video-item">
                <a
                  href="javascript: void(0);"
                  data-log_code=""
                  title="点击播放视频"
                >
                  <div class="figure figure-img">
                    <img
                      width="296"
                      height="180"
                      alt="2021年春季新品发布会第一场"
                      data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg?thumb=1&amp;w=296&amp;h=180&amp;f=webp&amp;q=90"
                      src=""
                      lazy="loading"
                    /><span class="play"><i class="iconfont-play"></i></span>
                  </div>
                  <h3 class="title">2021年春季新品发布会第一场</h3>
                  <p class="desc"></p>
                </a>
              </li>
              <li class="video-item">
                <a
                  href="javascript: void(0);"
                  data-log_code=""
                  title="点击播放视频"
                >
                  <div class="figure figure-img">
                    <img
                      width="296"
                      height="180"
                      alt="Redmi 10X系列发布会"
                      data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&amp;w=296&amp;h=180&amp;f=webp&amp;q=90"
                      src=""
                      lazy="loading"
                    /><span class="play"><i class="iconfont-play"></i></span>
                  </div>
                  <h3 class="title">Redmi 10X系列发布会</h3>
                  <p class="desc">Redmi 10X系列发布会</p>
                </a>
              </li>
              <li class="video-item">
                <a
                  href="javascript: void(0);"
                  data-log_code=""
                  title="点击播放视频"
                >
                  <div class="figure figure-img">
                    <img
                      width="296"
                      height="180"
                      alt="小米10 青春版 发布会"
                      data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&amp;w=296&amp;h=180&amp;f=webp&amp;q=90"
                      src=""
                      lazy="loading"
                    /><span class="play"><i class="iconfont-play"></i></span>
                  </div>
                  <h3 class="title">小米10 青春版 发布会</h3>
                  <p class="desc"></p>
                </a>
              </li>
              <li class="video-item">
                <a
                  href="javascript: void(0);"
                  data-log_code=""
                  title="点击播放视频"
                >
                  <div class="figure figure-img">
                    <img
                      width="296"
                      height="180"
                      alt="小米10 8K手机拍大片"
                      data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&amp;w=296&amp;h=180&amp;f=webp&amp;q=90"
                      src=""
                      lazy="loading"
                    /><span class="play"><i class="iconfont-play"></i></span>
                  </div>
                  <h3 class="title">小米10 8K手机拍大片</h3>
                  <p class="desc"></p>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <pagefooter></pagefooter>
  </div>
</template>
<script>
import "@/assets/css/home.css";
import pageheader from "@/components/pageheader";
import pagefooter from "@/components/pagefooter";
export default {
  name: "index",
  components: {
    pageheader: pageheader,
    pagefooter: pagefooter,
  },
};
</script>
<style scoped>
</style>
